  import React from 'react';
  import { Navigate, Outlet } from 'react-router-dom';
  import { useAuth } from '../hooks/useAuth';

  /**
   * 私有路由组件，用于保护需要身份验证的页面。
   */
  const PrivateRoute: React.FC = ({}) => {
    const { isLoggedIn } = useAuth(); // 使用 useAuth 钩子获取当前用户的登录状态

    /**
     * 根据用户的登录状态决定是否允许访问受保护的路由。
     * 如果用户已登录，则渲染 Outlet 组件，表示允许访问受保护的路由。
     * 如果用户未登录，则重定向到登录页面。
     */
    return (
      isLoggedIn ? <Outlet /> : <Navigate to="/login" replace /> // 使用 replace 避免用户在返回时再次看到受保护页面
    );
  };

  export default PrivateRoute;
